<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />

  <link rel="stylesheet" href="/lib/angular-ui-layout/src/ui-layout.css">
  <link rel="stylesheet" href="/lib/leaflet/dist/leaflet.css">

  <title>GIS Tracker</title>

<!-- 下面的CSS代码为测试代码  -->
  <style>
  #header{
    background: #eee url("http://placehold.it/300x200/eee/666&text=Header") no-repeat center;
  }
  #sidebar{
    background: #eee url("http://placehold.it/300x200/eee/666&text=Sidebar") no-repeat center;
  }
  </style>
</head>

<body>
    <div ui-layout="{dividerSize: 0}">
      <div ui-layout-container size="50px" id="header"></div>
      <div ui-layout-container>
        <div ui-layout="{flow: 'column', dividerSize: 5, disableToggle: true}">
          <div ui-layout-container="central" id="map">
            <leaflet width="100%" height="100%"></leaflet>
          </div>
          <div ui-layout-container size="25%" id="sidebar"></div>
        </div>
      </div>
    </div>

  <script src="/lib/angular/angular.min.js"></script>
  <script src="/lib/angular-ui-layout/src/ui-layout.js"></script>
  <script src="/lib/leaflet/dist/leaflet.js"></script>
  <script src="/lib/angular-simple-logger/dist/angular-simple-logger.min.js"></script>
  <script src="/lib/ui-leaflet/dist/ui-leaflet.min.js"></script>
  <script src="/application.js"></script>
</body>
</html>
